#slider{
	margin-top: 20px;
}

.beeCodes-general-frame{
    margin:0 auto;
    width: 960px;
    height: 450px;
    z-index: 2;
    position: relative;
}
.beeCodes-slider{
    margin:0 auto;
    width: 960px;
    height: 450px;
    overflow:hidden;
    background:url(../images/ajax-loader.gif) no-repeat 50% 50% #f0f0f0;
    z-index: 2;
    position:  absolute;
}
.beeCodes-slider-item{
    left:50% ;
    right:50% ;
    width: 1920px;
    margin-left:-960px;
	position:absolute;
}
.beeCodes-slider-frame{
    position: relative;
    height: 225px;
    margin-top:-255px;
    margin-bottom:30px;
    overflow:hidden;
    z-index: 1;
}
.beeCodes-slider-frame-in{
    height: 225px;
    width: 960px;
    float:left;
}
.beeCodes-slider-frame-in div img{
position: absolute;
visibility: visible;
z-index: 5;
top: 0px;
left: 480px;
opacity: 1;
display: block;
width: 480px;
height: 225px;

}
.beeCodes-slider img, .beeCodes-slider-frame img{
     border: none;
     box-shadow: none;
      -webkit-box-shadow: none;
     background-color: none;
     margin: 0px;
}

.beeCodes-left-frame{
    height: 225px;
    width: 480px;
    right:0;
    padding-right:480px;
}
.beeCodes-right-frame{
    height: 225px;
    width: 480px;
    left:0;
    padding-left:480px;
}
.beeCodes-slide-3,.beeCodes-slide-1{
    width: 480px;
    height: 225px;
}
.beeCodes-frame-hover-3, .beeCodes-frame-hover-1{
    cursor: pointer;
}
.beeCodes-hover-1, .beeCodes-hover-3{
    width: 480px;
    height: 221px;
    border-bottom-color: black;
    border-bottom-style: solid;
    border-bottom-width: 4px;
    position:absolute;
    margin-top:-225px;
    z-index: 7;
    display: none;
    filter:alpha(opacity=80);
    -moz-opacity:0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}
.beeCodes-hover-2{
    width: 960px;
    height: 446px;
    border-bottom-color: black;
    border-bottom-style: solid;
    border-bottom-width: 4px;
    /* fix it at the bottom */
    position:absolute;
    left:0;
    z-index: 5;
    /* hide it by default */
    display: none;

    filter:alpha(opacity=80);
    -moz-opacity:0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}
.beeCodes-content-scroll{
    width: 960px;
    height: 450px;
    position: absolute;
    overflow:hidden;
    display: none;
    filter:alpha(opacity=80);
    -moz-opacity:0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}
.beeCodes-title{
    width:auto;
    background-color: transparent!important;
    height:450px;

}
.beeCodes-content{
    color:white;
    padding: 15px 30px 15px 30px;
    background: black;
    margin-top:-20px;
    position: relative;
    z-index: 10;
}
.beeCodes-title h1{
    text-transform: uppercase;
    color:white;
    font-size:18px!important;
    padding: 15px 30px 15px 30px;
    background: black;
    position: relative;
    z-index: 11;
}
.link-hide{
    text-indent:-9999px;
    position: absolute;
    cursor: pointer;
    width: 960px;
    height: 450px;
    z-index: 12;
}

#applications {
    margin:0px;
    padding:0px;
}
#applications li{
    margin:0px;
    padding:0px;
}
